@charset "utf-8";
body {
    margin   :0;
    overflow :hidden;
}

div#headerBar {
    height : 50px;
    width  : 100%;
    cursor : pointer;
    background-image : url(./../img/header_bar.png);
}

img#headerBarTitle {
    width   : 530px;
    padding : 10px;
    image-rendering : -webkit-optimize-contrast;
}

div#displayingContentTriangle {
    height     : 25px;
    width      : 50px;
    background : #3A3A7B;-webkit-transform: skew(0deg, 325deg);
    position   : absolute;
    right      : 50%;
    top        : 43px;
}

.fixedTriangleSize {
    left : 530px;
}

div#displayingContent {
    height     : 25px;
    background : #3A3A7B;
    position   : absolute;
    right      : 0;
    top        : 25px;
}

.fixedDisplayingContentSize {
    left : 580px;
}

.variableDisplayingContentSize {
    width : 50%;
}

.contentHidden {
    display : none;
}

p#displayingContentName {
    color     : #ffffff;
    font-size : 17px;
}

div#mainFrame {
    position   : absolute;
    right      : 0;
    bottom     : 0;
    left       : 0;
    top        : 0;
    background : #ffffff;
}

div#sideMenuFrame {
    position         : absolute;
    top              : 0;
    bottom           : 0;
    background-color : #3A3A7B;
    width            : 180px;
    z-index          : 510;
}

div#updateTimeFrame {
    padding          : 5px;
    width            : 180px;
    text-align       : center;
    background-color : #DDDDDD;
    font-size        : 14px;
}

ul.dropmenu {
    list-style-type : none;
    width           : auto;
    margin          : 0 0 0 13px;
    padding         : 0;
    float           : left;
}

ul.dropmenu:before,
ul.dropmenu:after {
    content : "";
    display : table;
}

ul.dropmenu:after {
    clear : both;
}

ul.dropmenu li {
    position   : relative;
    width      : auto;
    float      : left;
    margin     : 0;
    padding    : 0;
    text-align : center;
    cursor     : pointer;
}

ul.dropmenu li.invert_back {
    background-color : #ffffff;
    outline          : 1px solid #3A3A7B;
    outline-offset   : -1px;
}

ul.dropmenu li a {
    display         : block;
    margin          : 0;
    padding         : 0;
    font-size       : 13px;
    line-height     : 1.5em;
    text-decoration : none;
}

ul.dropmenu li a img {
    float : left;
}

ul.dropmenu li a p {
    padding : 5px;
    color   : #fff;
}

ul.dropmenu li a p.invert {
    color : #3A3A7B;
}

ul.dropmenu li ul {
    list-style : none;
    position   : absolute;
    z-index    : 510;
    top        : 100%;
    left       : 0;
    margin     : 0;
    padding    : 0;
    cursor     : pointer;
}

ul.dropmenu li ul li {
    width : 112px;
}

ul.dropmenu li ul li a {
    padding    : 10px 10px ;
    border-top : 1px solid #50508A;
    background : #3A3A7B;
    text-align : left;
    color      : #FFFFFF;
}

ul.dropmenu li ul li a.invert_sub {
    color            : #3A3A7B;
    background-color : #ffffff;
    outline          : 1px solid #3A3A7B;
    outline-offset   : -1px;
}

ul.dropmenu li a:hover {
    background : #151551;
}

ul.dropmenu li img {
    width : 112px;
}

div#sideMenuFrame a {
    pointer-events : none!important;
}

div#sideMenuFrame a.mouseover {
    display      : block!important;
    width        : 180px;
    padding      : 2rem!important;
    text-align   : left;
    padding-left : 4rem!important;
    height       : 70px;
    box-sizing   : border-box;
    font-size    :14px!important;
}

div#sideMenuFrame a.mouseover:hover {
    opacity : 0.8;
}

ul#hdrop {
    margin-left : 0;
    width       : 180px;
    float       : none;
}

ul#hdrop li ul{
    display : none;
}

ul#hdrop li:hover ul{
    display : block;
}

img.menuBtnImg { 
    width        : 30px!important;
    height       : 30px;
    margin-right :10px;
}

ul.submenuList {
    postion : absolute!important;
    top     : 0!important;
    left    : 180px!important;
    z-index : 520;
}

ul.submenuList li {
    width : 180px!important;
}

div#noticeFrame {
    padding   : 6px;
    color     : #FFFFFF;
    font-size : 11px;
}

div#noticeFrame p {
    margin-top    : 20px;
    margin-bottom : 5px;
}

div#noticeFrame ul {
    padding       : 10px;
    margin        : 5px;
    margin-right  : 0;
    padding-right : 0;
}

div#noticeFrame ul li{
    list-style-type : disc!important;
}

div#contentsFrame {
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 50px;
    left       : 180px;
    overflow   : hidden;
}

div#contentsFrame-scroll {
    position   : absolute;
    top        : 0;
    right      : 0;
    bottom     : 50px;
    left       : 0;
    overflow-x : auto;
    overflow-y : auto;
}

div.popContents {
    max-height : 300px;
    overflow   : auto;
    overflow-x : hidden;
}

div#footerFrame {
    padding-right    : 15px;
    padding-top      : 10px;
    padding-bottom   : 10px;
    position         : fixed;
    right            : 0;
    bottom           : 0;
    overflow-x       : auto;
    overflow-y       : auto;
    z-index          : 500;
    background-color : #ffffff;
}

button.allFooterBtn {
    margin : 0px 5px;
    color  : #3A3A7B;
    border : transparent !important;
}

button.otherBtn {
    width            : 170px;
    background-color : #BCBACE !important;
}

button.englishBtn {
    margin : 0px 5px;
}

div#pop_Info {
    border     : solid 1px red;
    box-sizing : border-box;
    box-shadow : 0 0 0 4px #ffffff;
}

td#sysKokuchi_title {
    padding-top : 5px;
    color       : red;
    font-weight : bolder;
}

td#sysKokuchi_naiyo {
    padding : 3px;
}